<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets" 
xmlns:p="http://primefaces.org/ui">
<h:head>
<link rel="stylesheet" type="text/css" href="#{facesContext.externalContext.requestContextPath}/template/css.css" media="all" />
<title>QueroTeto</title>
</h:head>
<h:body>
	<div id="corpo">
		<ui:include src="/template/topo.xhtml"/>
		<ui:include src="/template/menu.xhtml"/>
		<div id="slide"></div>
		<div id="conteudo">
			<div id="centro">
				<h2><h:graphicImage value="#{servicoBean.nomeImagem()}"  width="80px" height="80px"  />#{servico}</h2>
					
				<h:form>
				<p:dataTable  value="#{servicoBean.listaTipo}" var="servico" >
				
					<p:column  style="white-space:normal;" headerText=" Lista da categoria #{servico}">
						
						<h2><p><b>Nome: <h:outputText value="#{servico.nome}"/></b></p></h2>
						<p><b>Descrição: </b><h:outputText value="#{servico.descricao}"/></p>
						<p><b>Endereço: </b><h:outputText value="#{servico.rua}"/>, 
					<h:outputText value="#{servico.cidade}"/>, <h:outputText value="#{servico.cep}"/></p>
						<p><b>Telefone: </b><h:outputText value="#{servico.telefone}"/></p><br />				
						

					</p:column>
				</p:dataTable>
				</h:form>		
			</div>
			
		</div>
		<div id="both" align="center"></div>
		<ui:include src="/template/rodape.xhtml"/>
	</div>
</h:body>
</html>

